<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Down for Maintenance</title>

    <style type="text/css">

      *{
        font-family: Arial, Helvetica, sans-serif;
      }

      body{
        margin: 0;
        background-color: #fff;
      }

      #page{
        position: relative;
        width: 550px;
        margin: 200px auto;
        padding: 75px 0;
        text-align: center;
        background-color: #eaeaea;
        border: solid 1px #ccc;
        border-top: solid 10px #666;
        -moz-box-shadow: inset 0 2px 10px #ccc;
        -webkit-box-shadow: inset 0 2px 10px #ccc;
        box-shadow: inset 0 2px 10px #ccc;
      }

      header, #body{
        width: 400px;
        margin: 0 auto;
      }

      h1{
        margin: 0;
        color: #CC3601;
        font-size: 26pt;
        border-bottom: solid 4px #666;
      }

      #reason{
        margin: 10px 0;
        color: #333;
      }

    </style>

  </head>
  <body>

    <section id="page">

      <header>
        <h1>Down for Maintenance</h1>
      </header>

      <section id="body">
        <div>
          <%= reason %>
        </div>
      </section>

    </section>

  </body>
</html>
